import { loginAPI, getUserInfoAPI } from '@/api'
import { getToken, removeToken, setToken } from '@/utils/auth'
export default {
  state: {
    token: getToken(), // 初始化的时候从本地缓存读取
    userInfo: {} // 在state中存储用户信息
  },
  mutations: {
    setToken(state, token) {
      state.token = token
      // 同步到持久化
      setToken(token)
    },
    removeToken(state) {
      state.token = null
      removeToken() // 删除本地缓存的token
    },
    // mutations中更新用户信息
    setUserInfo(state, preload) {
      state.userInfo = preload // 更新mutations
    }

  },
  actions: {
    // store是框架层传入的
    async login(store, data) {
      // 练习模拟请求数据，可忽略
      // setTimeout(() => {
      //   console.log(data)
      //   store.commit('setToken', '123456') // 提交token
      // }, 500)

      const token = await loginAPI(data)
      // 新请求到的数据保存到了setToken方法中，修改方法需要使用commit，提交要修改的方法名以及修改后的值是什么
      // token是新请求到的数据
      store.commit('setToken', token)
    },
    // 页面中接收用户输入的请求 ，封装函数
    async getUserInfo(store) {
      // 将getUserInfoAPI请求到的用户信息，使用setUserInfo方法，传递并更新mutations中的的preload用户信息
      store.commit('setUserInfo', await getUserInfoAPI()) // 设置用户信息,
    },
    async logout(store) {
      store.commit('removeToken') // 删除过期token值
      store.commit('setUserInfo', {}) // 删除清空用户信息
    }
  },
  namespaced: true
}
